import React, { useEffect, useState } from 'react'
import {Link,HashRouter, Route, Routes} from 'react-router-dom'
import {Tabs} from 'antd'
import './index.css'
import Follow from './Follow'
import Find from './Find'

import { Outlet } from 'react-router-dom'


const {TabPane} =Tabs

export default function Home() {
 
  return (
    <div>
         <div className='home'>
     <div className="home-header">
        <span>
            <i className='fa fa-minus-circle'></i>
        </span>
     </div>
     <ul>
     
            <li><Link to='/home/follow'>关注</Link></li>
        <li><Link to='/home/find'>发现</Link></li>
        <li><Link to='/home/native'>南昌</Link></li>     
     </ul>
     
     <div className='home-footer'>
        <span>
            <i className='fa fa-search'></i>
        </span>
     </div>
    </div>
    
    <Outlet/>
    </div>
  )
}
